<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>面试题</title>
		<link rel="stylesheet" type="text/css" href="css/task4.css"/>
	</head>
	<body>
		<div class="wrap">
			<h1>前端面试题</h1>
			<form action="" method="post">
				<ol>
					<li>
						<h3 class="question">哪一个标记用于使HTML文档中表格里的单元格在同行进行合并？</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question1" />cellspacing</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question1" />cellpadding</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question1" />rowspan</p>
						<p class="answer"><button type="button" class="btn_checked"></button><input type="checkbox" name="question1" />colspan</p>
					</li>
					<li>
						<h3 class="question">使用以下那一种元素可以将声音添加到网页里面？</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question2" />sound</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question2" />audio</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question2" />music</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question2" />voice</p>
					</li>
					<li>
						<h3 class="question">从四个选项选出不同的一个</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question3" />&lt;nav&gt;</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question3" />&lt;footer&gt;</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question3" />&lt;meta&gt;</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question3" />&lt;canvas&gt;</p>
					</li>
					<li>
						<h3 class="question">以下说法，错误的是 </h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question4" />&lt;mark&gt;用于显示变粗的文字</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question4" />&lt;del&gt;用于显示删除的文本</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question4" />&lt;ins&gt;的文字会带下划线</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="question4" />&lt;strong&gt;用于强调文本 </p>
					</li>
					<li>
						<h3 class="question">以下哪一个选项是html5的dtd</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />&lt;!DOCTYPE html&gt;</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />&lt;!DOCTYPE HTML PUBLIC&gt;</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />&lt;!DOCTYPE xhtml&gt;</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />&lt;!DOCTYPE HTML5&gt;</p>
					</li>
					<li>
						<h3 class="question">以下位于&lt;head&gt;间的代码片段是做什么用的 &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />使得页面编码合乎要求</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />表示支持响应式设计</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />支持正常的绘制和缩放</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />表示针对滚屏进行适当的适配</p>
					</li>
					<li>
						<h3 class="question">下面哪一个标符可以产生一个水平线？</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />&lt;hr&gt;</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />&lt;br&gt;</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />&lt;tr&gt;</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />&lt;t1&gt;</p>
					</li>
					<li>
						<h3 class="question">关于HTML语义化，以下哪个说法是正确的？</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />语义化的HTML有利于机器的阅读，如PDA手持设备、搜索引擎爬虫；但不利于人的阅读 </p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />Table 属于过时的标签，遇到数据列表时，需尽量使用 div 来模拟表格</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />语义化是HTML5带来的新概念，此前版本的HTML无法做到语义化 </p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />Header、article、address都属于语义化明确的标签</p>
					</li>
					<li>
						<h3 class="question">下面属于CSS3新增属性的有？</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />box-shadow</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />text-shadow</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />border-radius</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />rgba</p>
					</li>
					<li>
						<h3 class="question">以下关于盒子模型描述正确的是:</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />标准盒子模型中：盒子的总宽度＝左右margin + 左右border + 左右padding + width </p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />IE盒子模型中：盒子总宽度＝左右margin + 左右border + width </p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />标准盒子模型中：盒子的总宽度＝左右margin + 左右border + width</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />IE盒子模型中：盒子总宽度＝ width</p>
					</li>
					<li>
						<h3 class="question">浮动会导致页面的非正常显示，一下几种清除浮动的方法，哪个是不推荐使用的？</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />在浮动元素末尾添加一个空的标签例如&lt;div style="clear:both"&gt;&lt;/div&gt;</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />通过设置父元素overflow值为hidden</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />父元素也设置浮动</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />给父元素添加clearfix类</p>
					</li>
					<li>
						<h3 class="question">下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />display:inline</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />display:none</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />display:block</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />display:inherit</p>
					</li>
					<li>
						<h3 class="question">下述有关css属性position的属性值的描述，说法错误的是？</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />static：没有定位，元素出现在正常的流中 </p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />fixed：生成绝对定位的元素，相对于父元素进行定位</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />relative：生成相对定位的元素，相对于元素本身正常位置进行定位</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />absolute：生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位</p>
					</li>
					<li>
						<h3 class="question">下面哪个属性不会让 div 脱离文档流?</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />position: absolute</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />position: fixed</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />position: relative</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />float: left</p>
					</li>
					<li>
						<h3 class="question">不换行必须设置哪些项？</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />word-break</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />letter-spacing</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />white-space</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />word-spacing</p>
					</li>
					<li>
						<h3 class="question">如何在 CSS 文件中插入注释？</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />// this is a comment</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />// this is a comment //</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />/* this is a comment */</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />'this is a comment'</p>
					</li>
					<li>
						<h3 class="question">RGB三原色的组成是哪三种颜色？</h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />红</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />黄</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />蓝</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />绿</p>
					</li>
					<li>
						<h3 class="question">display属性值的常用取值不包括： </h3>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />inline</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />block</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />hidden</p>
						<p class="answer"><button type="button"></button><input type="checkbox" name="" />none</p>
					</li>
				</ol>
				
			</form>
			
		</div>
	</body>
	<script src="js/task4.js" type="text/javascript" charset="utf-8"></script>
</html>
